<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="22.css">
    <script src="33.js"></script>
</head>

<body>
    <div class="w">
        <div class="header">

            <div class="header1">
                <a href="">小米商城</a>
                <span>|</span>
                <a href="">MIUI</a>
                <span>|</span>
                <a href="">IoT</a>
                <span>|</span>
                <a href="">云服务</a>
                <span>|</span>
                <a href="">天星数科</a>
                <span>|</span>
                <a href="">有品</a>
                <span>|</span>
                <a href="">小爱开放平台</a>
                <span>|</span>
                <a href="">企业团购</a>
                <span>|</span>
                <a href="">资质证照</a>
                <span>|</span>
                <a href="">协议规则</a>
                <span>|</span>
                <a href="" onmouseover="kai()" onmouseout="guan()">下载app</a>
                <img id="taobao" src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="小米商城" width="90px"
                    height="90px">
                <span>|</span>

                <a href="">Select Location</a>

                <div class="header2">
                    <a href="">登录</a>
                    <span>|</span>
                    <a href="">注册</a>
                    <span>|</span>
                    <a href="">消息通知</a>


                    <em class="che"></em>
                    <a class="che" href=""><img src="./img/购物车空.png" alt="">购物车（0）</a>

                </div>

            </div>

            <!-- 2 -->
            <div class="index">
                <div class="index1">
                    <a href=""></a>
                </div>

                <div class="index2">
                    <a href="" onmouseover="kai1()" onmouseout="guan1()">Xiaomi手机</a>
                    <a href="" onmouseover="kai2()" onmouseout="guan2()">Redmi 红米</a>
                    <a href="" onmouseover="kai3()" onmouseout="guan3()">电视</a>
                    <a href="" onmouseover="kai4()" onmouseout="guan4()">笔记本</a>
                    <a href="" onmouseover="kai5()" onmouseout="guan5()">平板</a>
                    <a href="" onmouseover="kai6()" onmouseout="guan6()">家电</a>
                    <a href="" onmouseover="kai7()" onmouseout="guan7()">路由器</a>
                    <a href="">服务中心</a>
                    <a href="">社区</a>
                </div>
                <div class="index3">
                    <input class="search" type="search" placeholder="小米笔记本">
                    <ul class="result-list">
                        <li><a href="#">全部商品</a></li>
                        <li><a href="#">小米11</a></li>
                        <li><a href="#">小米10S</a></li>
                        <li><a href="#">小米笔记本</a></li>
                        <li><a href="#">小米手机</a></li>
                        <li><a href="#">黑鲨4</a></li>
                        <li><a href="#">空调</a></li>
                    </ul>
                </div>

                <div class="topbar21">
                    <ul>
                        <li class="app1">1</li>
                        <li class="app2">2</li>
                        <li class="app3">3</li>
                        <li class="app4">4</li>
                        <li class="app5">5</li>
                        <li class="app6">6</li>
                        <li class="app7">7</li>

                    </ul>
                </div>

            </div>

            <!-- 3 -->
            <div class="main">

                <div class="nav">
                    <ul>
                        <li onmouseover="kai01()" onmouseout="guan01()">
                            <a href="">手机</a>
                            <span>&gt;</span>
                        </li>
                        <li onmouseover="kai02()" onmouseout="guan03()">
                            <a href="">电视</a>
                            <span>&gt;</span>
                        </li>
                        <li onmouseover="kai03()" onmouseout="guan03()">
                            <a href="">笔记本拼板</a>
                            <span>&gt;</span>
                        </li>
                        <li onmouseover="kai04()" onmouseout="guan04()">
                            <a href="">出行穿戴</a>
                            <span>&gt;</span>
                        </li>
                        <li onmouseover="kai05()" onmouseout="guan05()">
                            <a href="">耳机音箱</a>
                            <span>&gt;</span>
                        </li>
                        <li onmouseover="kai06()" onmouseout="guan06()">
                            <a href="">家电</a>
                            <span>&gt;</span>
                        </li>
                        <li onmouseover="kai07()" onmouseout="guan07()">
                            <a href="">智能路由器</a>
                            <span>&gt;</span>
                        </li>
                        <li onmouseover="kai08()" onmouseout="guan08()">
                            <a href="">电源配件</a>
                            <span>&gt;</span>
                        </li>
                        <li onmouseover="kai09()" onmouseout="guan09()">
                            <a href="">健康儿童</a>
                            <span>&gt;</span>
                        </li>
                        <li onmouseover="kai010()" onmouseout="guan010()">
                            <a href="">生活箱包</a>
                            <span>&gt;</span>
                        </li>
                    </ul>

                </div>
                <!--  3 隐藏 -->
                <div class="nav1">
                    <div class="li1">1</div>
                    <div class="li2">2</div>
                    <div class="li3">3</div>
                    <div class="li4">4</div>
                    <div class="li5">5</div>
                    <div class="li6">6</div>
                    <div class="li7">7</div>
                    <div class="li8">8</div>
                    <div class="li9">9</div>
                    <div class="li10">10</div>
                </div>

                <!-- 轮播图 -->
                <div id="banner">
                    <!--图⽚容器-->
                    <div class="img-wrap">
                        <ul>
                            <li class="item"><img src="./images/b_01.jpg" alt=""></li>
                            <li class="item"><img src="./images/b_02.jpg" alt=""></li>
                            <li class="item"><img src="./images/b_03.jpg" alt=""></li>
                            <li class="item"><img src="./images/b_04.jpg" alt=""></li>
                            <li class="item"><img src="./images/b_05.jpg" alt=""></li>
                        </ul>


                    </div>
                    <!--左右箭头容器-->
                    <div class="arrow">
                        <div id="leftArrow">&lt;</div>
                        <div id="rightArrow">&gt;</div>
                    </div>
                    <!--右下⾓⼩圆点-->
                    <ul class="zeroPoint">
                        <li class="hover"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>

                </div>

            </div>

            <!-- 4 -->
            <div class="wrap">


                <div class="wrapw">
                    <div class="wrap1">
                        <div class="y">
                            <div class="a"><br>
                                <p>保障服务</p>
                            </div>

                        </div>
                        <div class="y">
                            <div class="a"><br>
                                <p>保障服务</p>
                            </div>

                        </div>
                        <div class="y">
                            <div class="a"><br>
                                <p>保障服务</p>
                            </div>

                        </div>

                    </div>
                    <div class="wrap1">
                        <div class="y">
                            <div class="a"><br>
                                <p>保障服务</p>
                            </div>

                        </div>
                        <div class="y">
                            <div class="a"><br>
                                <p>保障服务</p>
                            </div>

                        </div>
                        <div class="y">
                            <div class="a"><br>
                                <p>保障服务</p>
                            </div>

                        </div>

                    </div>



                </div>




                <div class="wrap2">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2596938425e8d9019ffae94fbcfa4524.jpg?w=632&h=340"
                        alt="">
                </div>

                <div class="wrap3">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d0c0c4d84bc85c12d936bf5d8775af44.jpg?w=632&h=340"
                        alt="">
                </div>
                <div class="wrap4">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c13d0d11b38ec17fa5d83bc6ba5912.jpg?w=632&h=340"
                        alt="">
                </div>
            </div>

            <!--5-->
            <div class="diwu">
                <div class="diwu1">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b2a3468c474addf9140a21cc77a87d5c.jpeg?thumb=1&w=1226&h=120&f=webp&q=90"
                        alt="">
                </div>
                <!-- 5.2 -->
                <div class="diwu2">
                    <p>手机</p>
                    <!-- <a href="">查看更多<button>&gt;</button></a> -->
                    <!-- <button>&gt;<a href="">查看更多</a></button> -->
                    <div class="di2">
                        <a href="">查看更多</a>
                        <div>&gt;</div>
                    </div>
                </div>


                <!-- 5.3 -->
                <div class="diwu3">
                    <div class="dia">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ac5cafc68c10ce4471869d378f594b52.png?thumb=1&w=234&h=614&f=webp&q=90"
                            width="300px" alt="">
                        <div class="dia1">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/211bb83776a8e0c8358732c3f3aa2864.png?thumb=1&w=200&h=200&f=webp&q=90"
                                width="300px" alt="">
                            <h3 class="h1"> Redmi Note 11T Pro+</h3>
                            <p class="hui1">天玑8100｜真旗舰芯</p>
                            <p class="hong1">2099元起</p>
                        </div>


                        <div class="dia2">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/211bb83776a8e0c8358732c3f3aa2864.png?thumb=1&w=200&h=200&f=webp&q=90"
                                width="300px" alt="">
                            <h3 class="h2"> Redmi Note 11T Pro+</h3>
                            <p class="hui2">天玑8100｜真旗舰芯</p>
                            <p class="hong2">2099元起</p>
                        </div>

                        <div class="dia3">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/211bb83776a8e0c8358732c3f3aa2864.png?thumb=1&w=200&h=200&f=webp&q=90"
                                width="300px" alt="">
                            <h3 class="h3"> Redmi Note 11T Pro+</h3>
                            <p class="hui3">天玑8100｜真旗舰芯</p>
                            <p class="hong3">2099元起</p>
                        </div>


                        <div class="dia4">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/211bb83776a8e0c8358732c3f3aa2864.png?thumb=1&w=200&h=200&f=webp&q=90"
                                width="300px" alt="">
                            <h3 class="h4"> Redmi Note 11T Pro+</h3>
                            <p class="hui4">天玑8100｜真旗舰芯</p>
                            <p class="hong4">2099元起</p>
                        </div>

                        <!-- ... -->
                        <div class="dia5">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/211bb83776a8e0c8358732c3f3aa2864.png?thumb=1&w=200&h=200&f=webp&q=90"
                                width="300px" alt="">
                            <h3 class="h5"> Redmi Note 11T Pro+</h3>
                            <p class="hui5">天玑8100｜真旗舰芯</p>
                            <p class="hong5">2099元起</p>
                        </div>

                        <div class="dia5">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/211bb83776a8e0c8358732c3f3aa2864.png?thumb=1&w=200&h=200&f=webp&q=90"
                                width="300px" alt="">
                            <h3 class="h5"> Redmi Note 11T Pro+</h3>
                            <p class="hui5">天玑8100｜真旗舰芯</p>
                            <p class="hong5">2099元起</p>
                        </div>
                        <div class="dia5">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/211bb83776a8e0c8358732c3f3aa2864.png?thumb=1&w=200&h=200&f=webp&q=90"
                                width="300px" alt="">
                            <h3 class="h5"> Redmi Note 11T Pro+</h3>
                            <p class="hui5">天玑8100｜真旗舰芯</p>
                            <p class="hong5">2099元起</p>
                        </div>
                        <div class="dia5">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/211bb83776a8e0c8358732c3f3aa2864.png?thumb=1&w=200&h=200&f=webp&q=90"
                                width="300px" alt="">
                            <h3 class="h5"> Redmi Note 11T Pro+</h3>
                            <p class="hui5">天玑8100｜真旗舰芯</p>
                            <p class="hong5">2099元起</p>
                        </div>
                    </div>


                </div>


                <!-- 5.4 -->
                <!-- 
                <div class="diwu5">                              
                  <div class="s">
                        <div class="s1">
                            <p>生活电器</p>
                            <div class="s2">
                                <a href="">扫地机</a>
                                <a href="">空净</a>
                                <a href="">清洁</a>
                                <a href="">风扇</a>
                              
                            </div>
                            <div class="s3">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/37973c4bedc27bae38e1b1758ed4b318.png?thumb=1&w=234&h=300&f=webp&q=90" alt="">
                              
                            <img class="wu1" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/35b5669b506219fe7252ac5fa9baa1b5.jpg?thumb=1&w=200&h=200&f=webp&q=90"  width="200" height="250" alt=""> -->
                <!-- <h3> 
                                米家全能扫拖机器人
                            </h3>
                            <p>免洗集尘全自动，一机解放双手</p>
                               <p>3999元</p>
                               <span>4599元</span> -->
                <!-- </div> -->
            </div>

            <!-- 最后 -->
            <div class="zui">

                <div class="zui1">

                    <img src="./img/扳手.png" alt=""><a href="">预约维修服务</a>
                    <span>|</span>
                </div>


                <div class="zui1">

                    <img src="./img/扳手.png" alt=""><a href="">预约维修服务</a>
                    <span>|</span>
                </div>
                <div class="zui1">

                    <img src="./img/扳手.png" alt=""><a href="">预约维修服务</a>
                    <span>|</span>
                </div>
                <div class="zui1">

                    <img src="./img/扳手.png" alt=""><a href="">预约维修服务</a>
                    <span>|</span>
                </div>
                <div class="zui1">

                    <img src="./img/扳手.png" alt=""><a href="">预约维修服务</a>
                    <!-- <span>|</span> -->
                </div>




            </div>
            <!-- z2 -->
            <div class="zui">

                <div class="z2">
                    <p>
                        <hr>
                    </p>

                    <div class="z3">
                        <p>选购指南</p>
                        <p>服务中心</p>
                        <p>线下门店</p>
                        <p>关于小米</p>
                        <p>关注我们</p>

                        <div class="z4">
                            <p>|</p>

                        </div>
                        <div class="z5">
                            <h2>400-100-5678</h2>
                            <p class="w1">8:00-18:00（仅收市话费）</p>
                            <button>人工客服</button>

                        </div>

                    </div>
                    <div class="z6">
                        <div class="s">
                            <div class="r1">手机</div>
                            <div class="r1">申请售后</div>
                            <div class="r1">小米之家</div>
                            <div class="r1">了解小米</div>
                            <div class="r1">新浪微博</div>
                            <!-- <div class="r1">耳机</div>
                    <div class="r1">家电</div>
                    <div class="r1">路由器</div>
                    <div class="r1">音箱</div>
                    <div class="r1">配件</div>
                    -->
                            <!-- s2 -->
                            <div class="s2">
                                <div class="r2">电视</div>
                                <div class="r2">售后政策</div>
                                <div class="r2">服务网点</div>
                                <div class="r2">加入小米</div>
                                <div class="r2">官方微信</div>
                            </div>
                            <!-- <div class="s3">
                        <div class="r3">平板</div>
                        <div class="r3">穿戴</div>
                       </div> -->
                            <!-- s3 -->
                            <div class="s3">
                                <div class="r3">笔记本</div>
                                <div class="r3">维修服务价格</div>
                                <div class="r3">授权体验店/专区</div>
                                <div class="r3">投资者关系</div>
                                <div class="r3">联系我们</div>
                            </div>
                            <div class="s4">
                                <div class="r4">平板</div>

                                <div class="r4">订单查询</div>
                                <div class="r4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>

                                <div class="r4">&nbsp;&nbsp;企业社会责任</div>


                                <div class="r4">公益基金会</div>
                            </div>
                            <!-- s5 -->
                            <div class="s5">
                                <div class="r5">穿戴</div>
                                <div class="r5">以旧换新</div>
                                <div class="r5">
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                </div>
                                <div class="r5">廉洁举报</div>

                            </div>
                            <!-- s6 -->
                            <div class="s6">
                                <div class="r6">耳机</div>
                                <div class="r6">保障服务</div>
                            </div>
                            <!-- s7 -->
                            <div class="s7">
                                <div class="r7">家电</div>
                                <div class="r7">防伪查询</div>
                            </div>
                            <!-- s8 -->
                            <div class="s8">
                                <div class="r8">路由器</div>
                                <div class="r8">F码通道</div>
                            </div>
                            <!-- s9 -->
                            <div class="s9">
                                <div class="r9">音箱</div>

                            </div>
                            <!-- s10 -->
                            <div class="s10">
                                <div class="r10">配件</div>

                            </div>


                        </div>

                    </div>

                </div>

            </div>
            <div class="hou">
                <div class="u1">
                    <img src="https://s02.mifile.cn/assets/static/image/logo-mi2.png" alt="">
                    <!-- <div class="u2">
                    <p>12</p>
                </div> -->
                    <p>
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href=""> MIUI </a>
                        <span>|</span>
                        <a href="">米家 </a>
                        <span>|</span>
                        <a href="">米聊</a>
                        <span>|</span>
                        <a href="">多看</a>
                        <span>|</span>
                        <a href="">游戏</a>
                        <span>|</span>
                        <a href="">政企服务</a>
                        <span>|</span>
                        <a href="">小米天猫店</a>
                        <span>|</span>
                        <a href="">小米集团隐私政策</a>
                        <span>|</span>
                        <a href="">小米公司儿童信息保护规则 </a>
                        <span>|</span>
                        <a href="">小米商城隐私政策</a>
                        <span>|</span>
                        <a href="">小米商城用户协议 </a>
                        <span>|</span>
                        <a href=""> 问题反馈</a>
                        <span>|</span>
                        <a href="">Select Location</a>
                


                    </p>
                   
                    <div class="u2">
                        <p class="q1">
                         
                            <a href="">北京互联网法院法律服务工作站 </a>
                            <span>|</span>
                            <a href="">  中国消费者协会</a>
                            <span>|</span>
                            <a href="">北京市消费者协会</a>
                          
                        </p>
                        <div class="u3">
                            <p class="q2">
                                <span>©</span>
                                <a href=""> mi.com </a>
                                <span>京ICP证110507号</span>
                                <a href="">   京ICP备10046444号</a>
                                <a href="">京公网安备11010802020134号</a>
                                <a href="">京网文[2020]0276-042号</a>
                              
                            </p>
                      <div class="u4">
                        <p class="q3">
                            <a href="">（京）网械平台备字（2018）第00005号</a>
                            <a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090 </a>
                            <a href=""> 营业执照</a>
                            <a href="">医疗器械质量公告</a>
                        </p>
                        <div class="u5">
                            <p class="q4">
                                <a href="">增值电信业务许可证</a>
                                <span>网络食品经营备案 </span>
                                <span> 京食药网食备202010048</span>
                                <a href="">食品经营许可证</a>
                            </p>
                            <div class="u6">
                                <div class="q5">
                                    <p>
                                        <span>违法和不良信息举报电话：</span>
                                        <span>171-5104-4404</span>
                                        <a href=""> 知识产权侵权投诉</a>
                                        <span>本网站所列数据，</span>
                                        <span>除特殊说明，</span>
                                        <span>所有数据均出自我司实验室测试</span>
                                        
                                    </p>
                                    <div class="u7">
                                        <div class="q6">
                                            <img src="https://i1.mifile.cn/f/i/17/site/truste.png" alt="">
                                            <img src="https://s01.mifile.cn/i/v-logo-2.png" alt="">
                                            <img src="https://xyt.xinchacha.com/img/icon/icon3.png" alt="">
                                            <img src="https://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                                            <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/aa59a5882ee6b3f54ca862738544e7eb.png" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                      </div>
                           </div> 
                       
                    </div>
               
                </div>
           
                 
            </div>

        </div>

    </div>

    <!-- </div>
        </div>
    </div> -->



</body>

</html>